{include file="public/layout" /}
<body class="laytp-container">
<!--
本「综合演示」包含：自定义头部工具栏、获取表格数据、表格重载、自定义模板、单双行显示、单元格编辑、自定义底部分页栏、表格相关事件与操作、与其他组件的结合等相对常用的功能，以便快速掌握 table 组件的使用。
-->

<div class="layui-card" id="search-form">
    <div class="layui-card-body">
        <form class="layui-form layui-row layui-col-space16 layui-search-admin">
        </form>
    </div>
</div>
<div class="layui-card">
    <div class="layui-card-body">
        <table id="goods" lay-filter="goods"></table>
    </div>
</div>
<script type="text/html" id="toolbarDemo">
    <div class="layui-btn-container">
        <button class="layui-btn layui-btn-sm" onclick="add()">
            添加
        </button>
        <button class="layui-btn layui-btn-sm" onclick="reload()">
            刷新数据
        </button>
        <button class="layui-btn layui-btn-sm" onclick="del()">
            批量删除
        </button>
    </div>
</script>
<script>
    var tableIns
    var datawhere
    layui.use(function(){
        var table = layui.table;
        var dropdown = layui.dropdown;
        var laydate = layui.laydate;
        var form = layui.form;

        // 创建渲染实例
        tableIns = table.render({
            elem: '#goods',
            url:'{:url("index")}', // 此处为静态模拟数据，实际使用时需换成真实接口
            toolbar: '#toolbarDemo',
            defaultToolbar: ['filter', 'exports', 'print', {
                title: '提示',
                layEvent: 'LAYTABLE_TIPS',
                icon: 'layui-icon-tips'
            }],
            height: 'full-35', // 最大高度减去其他容器已占有的高度差
            css: [ // 重设当前表格样式
                '.layui-table-tool-temp{padding-right: 145px;}'
            ].join(''),
            cellMinWidth: 80,
            totalRow: false, // 开启合计行
            page: true,
            //height: 200, // 重设高度
            lineStyle: 'height: 150px;',
            pagebar: '#test-pagebar', // 分页栏模板
            cols: [[
                {type: 'checkbox', fixed: 'left'},
                {field:'template_id', fixed: 'left', width:80, title: 'ID', sort: true},
                {field:'template_name', fixed: 'left',width:150, title: '模板名称'},
                {field:'area_str', fixed: 'left', title: '区域及价格',templet:function(d){
                    return d.area_str;
                }},

                {field: 'type', title: '计价方式',width:150,templet:function(d){
                        if(d.type==0){
                            return '按件';
                        }else{
                            return '按重量';
                        }
                    }},

                {field:'w_time', title:'更新时间',width:200},
                // {field: 'reg_time', title: '注册时间',sort: true,templet:function(d){ return date('Y-m-d H:i',d.reg_time)}},

                {fixed: 'right', title:'操作', width: 134, minWidth: 125, templet:function (d) {
                        var html = '<a class="layui-btn layui-btn-xs" onclick="edit('+d.template_id+')">编辑</a>';
                        html += '<a class="layui-btn layui-btn-xs" onclick="del('+d.template_id+')">删除</a>';
                        return html;
                    }}
            ]],
            error: function(res, msg){
                console.log(res, msg)
            }
        });
        laydate.render({
            elem: '.demo-table-search-date'
        });
        // 搜索提交
        form.on('submit(demo-table-search)', function(data){
            var field = data.field; // 获得表单字段
            datawhere = field;
            // 执行搜索重载
            table.reload('goods', {
                page: {
                    curr: 1 // 重新从第 1 页开始
                },
                where: field // 搜索的字段
            });
            //layer.msg('搜索成功<br>此处为静态模拟数据，实际使用时换成真实接口即可');
            return false; // 阻止默认 form 跳转
        });
    });
    function add(){
        layer.open({
            title: '添加',
            type: 2,
            shadeClose: true,
            area: ['100%','100%'],
            scrollbar:false,
            content: '{:url("edit")}'
        });
    }
    function edit(id){
        layer.open({
            title: '编辑 - id:'+ id,
            type: 2,
            shadeClose: true,
            area: ['100%','100%'],
            scrollbar:false,
            content: '/admin/Freight/edit/id/'+id
        });
    }
    function reload(){
        layui.table.reload('goods', {
            // where: {
            //   abc: 123,
            //   test: '新的 test1'
            // },
            // scrollPos: 'fixed',  // 保持滚动条位置不变 - v2.7.3 新增
            // height: 2000, // 测试无效参数（即与数据无关的参数设置无效，此处以 height 设置无效为例）
            //url: '404',
            //page: {curr: 1, limit: 30} // 重新指向分页
        }, true);
    }
    function del(id){

        if(id){
            var ids = [id];
        }else{
            var checkStatus = layui.table.checkStatus('goods');
            var data = checkStatus.data;
            var ids = [];
            $.each(data, function(index, value){
                //goods_ids.append(value.goods_id);
                ids.push(value.template_id);
            });
        }
        console.log(ids);
        layer.confirm('确定要删除选择的数据' + ids + '吗？', function (index) {
            $.ajax({
                type: "POST",
                url: "{:url('delete')}",
                data: {ids: ids},
                success: function(res){
                    console.log(res);
                    if(res.status){
                        layer.msg(res.msg);
                        setTimeout(function(){
                            tableIns.reload('test', {
                                where: {
                                    abc: 123,
                                    test: '新的 test1'
                                },
                            }, true);
                        },1000)
                    }else{
                        layer.msg(res.msg);
                    }
                }
            });
        });
        //layer.alert(layui.util.escape(JSON.stringify(goods_ids)));
    }
    function chooseBusinessShow(){
        layer.open({type:2,title:'选择会员',content:"{:url('Suppliers/choosesupply')}/args/promoter",area:['900px','600px'],shadeClose:true});
    }
    function choosebusiness(data){
        console.log(data);
        $('input[name="sid"]').val(data.id)
    }
    function excel(){

    }
</script>
</body>
</html>